<template>
  <div class="errorpage">
    <div class="imgbox">
      <img src="../assets/img/errorpage.png" alt="">
    </div>
    <p>您要查看的网址可能已被删除、名称以被更改、或者暂时不可用</p>
    <div class="errBtnBox">
      <input type="button" class="goback orangeBg" value="返回上一页面" @click="goback">
      <input type="button" class="gohome greenBg" value="返回网站首页" @click="gohome">
    </div>
  </div>
</template>
<script>
export default {
  methods:{
    goback(){
       history.go(-1);
    },
    gohome(){
      this.$router.push({
        path: '/index/home',
      }) 
    }

  }
}
</script>
<style scoped>
  .errorpage{
    width: 758px;
    margin:0 auto;
    box-sizing: border-box;
    padding-top: 100px;
  }
  .imgbox{
    width: 758px;
    height: 266px;
  }
  .imgbox img{
    width: 100%;
    height: 100%;
  }
  .errorpage p{
    text-align:center;
    margin-top: 55px;
    font-size: 22px;
  }
  .errBtnBox{
    margin-top: 100px;
    display: flex;
    justify-content:space-evenly;
  }
  .errBtnBox input{
    width: 170px;
    height: 45px;
    color: #fff;
    border-radius: 5px;
    border: none;
    display: block;
  }
</style>